/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018-12-13 Time: 22:23
 */

import {StyleSheet} from 'react-native';
import {COLOR_GRAY_BACKGROUND, COLOR_THEME, FONT_COLOR_SUB_TITLE, FONT_COLOR_TITLE, FONT_SIZE_14, FONT_SIZE_TITLE} from "../../../../constant/PHColors"
import {SCREEN_WIDTH} from "../../../../constant/PHScreen"

export const styles = StyleSheet.create({

  body: {
    flex: 1,
    backgroundColor: COLOR_GRAY_BACKGROUND
  },

  headerContainer: {
    height: 32,
    backgroundColor: COLOR_GRAY_BACKGROUND,
    justifyContent: 'center',
    alignItems: 'flex-start'
  },

  headerText: {
    fontSize: FONT_SIZE_14,
    color: FONT_COLOR_SUB_TITLE,
    marginLeft: 15
  },

  modalContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'rgba(0, 0, 0, 0.3)'
  },

  modalView: {
    width: SCREEN_WIDTH - 80,
    height: 240,
    backgroundColor: '#FFF',
    borderRadius: 10
  },

  modalHeader: {
    height: 50,
    justifyContent: 'center',
    alignItems: 'center',
    borderBottomWidth: 2,
    borderBottomColor: COLOR_THEME
  },

  modalHeaderText: {
    fontSize: 18,
    color: COLOR_THEME
  },

  modalItemView: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },

  modalItemText: {
    fontSize: 16,
    color: FONT_COLOR_TITLE
  }
})